<template>
    <view class="globe_back">
        <view class="box">
            <view class="wallet" style="background: url('@/static/imgs/qb.png') no-repeat; background-size: 100%">
                <view class="myMoney">我的佣金(元)</view>
                <view class="moneyNumber">456456.25</view>
                <view class="Withdrawal flex justify_content_between">
                    <view>可提现：￥0.00</view>
                    <view>已提现：￥121.00</view>
                </view>
            </view>
            <!-- 提现至 -->
            <u-picker :show="show" :columns="columns" @confirm="confirm"></u-picker>
            <view class="flex back_fff br_24 p_24 f_28 justify_content_between" @click="show = true">
                <view>提现至</view>
                <input disabled placeholder="请选择银行卡" v-model="cardNumber" style="text-align: right" />
                <image class="img_32" :src="url + 'next-icon.png'" mode=""></image>
            </view>
            <!-- 提现金额 -->
            <view class="back_fff br_24 p_24 f_28 line_F7FAFF">
                <view>提现金额</view>
                <view class="flex justify_content_between mt_40">
                    <view style="font-size: 52rpx">￥</view>
                    <input class="mt_16" type="number" placeholder="请输入提现金额" v-model="money" />
                    <view class="cl_3377FF">全部提现</view>
                </view>
            </view>
            <view style="height: 100rpx"></view>
            <view class="addBtn back_3377FF br_24 cl_fff mt_24" @click="Withdrawal">确认提现</view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            url: '',
            show: false,
            columns: [['农业银行（4548）', '工商银行（1544）', '交通银行（7980）']],
            cardNumber: '',
            money: ''
        };
    },
    onShow() {
        this.url = this.baseUrl + this.imgPath;
    },
    methods: {
        confirm(e) {
            this.show = false;
            this.cardNumber = e.value[0];
        }
    }
};
</script>

<style scoped lang="scss">
.addBtn {
    width: 686rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    margin: 24px auto;
    position: fixed;
    bottom: 80rpx;
}
.box {
    padding: 32rpx;
    .wallet {
        padding: 32rpx;
        color: #fff;
        margin-bottom: 40rpx;
    }
    .myMoney {
        font-size: 28rpx;
        margin-top: 40rpx;
    }
    .moneyNumber {
        font-size: 52rpx;
        margin-top: 16rpx;
    }
    .Withdrawal {
        margin-top: 48rpx;
        font-size: 28rpx;
        padding-bottom: 10rpx;
    }
}
</style>
